/** Add css rules here for your application. */

html {
	height: 100%;	
}

body {
  margin: 0;
  padding: 0px 0px;
  width: 100%;
  height: 100%;
  font-family: Helvetica, Arial, san-serif;
  font-size: 10pt;
}

.gwt-TabLayoutPanel {
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs {
  background: #000;
  padding-top: 6px;
  padding-left: 5px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContentContainer {
  border-color: #ccc;
  border-style: solid;
  border-width: 0px 1px 1px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  overflow: hidden;
  padding: 6px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 4px;
  padding: 4px 8px 4px 8px;
  cursor: pointer;
  cursor: hand;
  color: white;
  font-weight: normal;
  text-align: center;
  background: #8E8E8E;
  -moz-border-radius: 3px 3px 0px 0px;
  border-radius: 3px 3px 0px 0px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: white;
  color: #333;
  font-weight: bold;
  border-top: 1px #000 solid;
  border-left: 1px #000 solid;
  border-right: 1px #000 solid;
}

.bubbletip {
	width: 100%;
	height: 100%;
	border: 0px #000 solid;
    border-collapse: collapse;
}

.bubbletip td.bt-topleft {
    background: url("bubbletip.png") no-repeat scroll 0 0 transparent;
    height: 23px;
    width: 23px;
}

.bubbletip td.bt-top {
    background: url("bubbletip-T-B.png") repeat-x scroll 0 0 transparent;
    height: 23px;
}

.bubbletip td.bt-topright {
    background: url("bubbletip.png") no-repeat scroll -83px 0 transparent;
    height: 23px;
    width: 23px;
}

.bubbletip td.bt-left {
	background: url("bubbletip-L-R.png") repeat-y scroll 0 0 transparent;
    width: 23px;
}

.bubbletip td.bt-content {
}

.bubbletip td.bt-right {
    background: url("bubbletip-L-R.png") repeat-y scroll -43px 0 transparent;
    width: 23px;
}

.bubbletip table.bt-bottom th {
    background: url("bubbletip-T-B.png") repeat-x scroll 0 -43px transparent;
    width: 50%;
}


.bubbletip td.bt-bottomleft {
    background: url("bubbletip.png") no-repeat scroll 0 -83px transparent;
    height: 23px;
    width: 23px;
}

.bubbletip td.bt-bottomright {
    background: url("bubbletip.png") no-repeat scroll -83px -83px transparent;
    height: 23px;
    width: 23px;
}

.bubbletip table.bt-bottom td div {
    background: url("bubbletip.png") no-repeat scroll -33px -83px transparent;
    height: 23px;
    width: 40px;
}

.markerTable {
	width: 100%;
	height: 100%;
	border-spacing: 0px;
}

.markerTable td {
	border: collapse;
	text-align: center;
	padding: 0px;
}

.produceTable {
	border-spacing: 0px;
	width: 100%;	
}

.produceTableHeader td {
	border-bottom: 1px #000 solid;
	font-weight: bold;
}

.produceTableFirstRow td {
	padding-top: 6px;
}

.addProduceTable {
	border-spacing: 0px;
	width: 100%;
}


.produceTableAddRow td {
	padding-top: 6px;
}

.expandedMarkerTable {
	width: 100%;	
}

.expandedMarkerHeaderRow {
}

.expandedMarkerProductName {
	font-weight: bold;
}





